<template>
  <footer class="bg-black pb-5">
    <div class="container">
      <div class="row">
        <div class="col-12 col-md mr-4">
          <i class="fas fa-copyright text-white"></i>
          <small class="d-block mt-3 text-muted"
            >© Anchor Bootstrap UI Kit, by Sal
            <a target="_blank" href="https://www.wowthemes.net">@wowthemesnet</a
            >. License MIT.
          </small>
        </div>
        <div class="col-6 col-md">
          <h5 class="mb-4 text-white">Features</h5>
          <ul class="list-unstyled text-small">
            <li><a class="text-muted" href="#">Cool stuff</a></li>
            <li><a class="text-muted" href="#">Random feature</a></li>
            <li><a class="text-muted" href="#">Team feature</a></li>
            <li><a class="text-muted" href="#">Stuff for developers</a></li>
          </ul>
        </div>
        <div class="col-6 col-md">
          <h5 class="mb-4 text-white">Resources</h5>
          <ul class="list-unstyled text-small">
            <li><a class="text-muted" href="#">Resource</a></li>
            <li><a class="text-muted" href="#">Resource name</a></li>
            <li><a class="text-muted" href="#">Another resource</a></li>
            <li><a class="text-muted" href="#">Final resource</a></li>
          </ul>
        </div>
        <div class="col-6 col-md">
          <h5 class="mb-4 text-white">Utilities</h5>
          <ul class="list-unstyled text-small">
            <li><a class="text-muted" href="#">Business</a></li>
            <li><a class="text-muted" href="#">Education</a></li>
            <li><a class="text-muted" href="#">Government</a></li>
            <li><a class="text-muted" href="#">Gaming</a></li>
          </ul>
        </div>
        <div class="col-6 col-md">
          <h5 class="mb-4 text-white">About</h5>
          <ul class="list-unstyled text-small">
            <li><a class="text-muted" href="#">Team</a></li>
            <li><a class="text-muted" href="#">Locations</a></li>
            <li><a class="text-muted" href="#">Privacy</a></li>
            <li><a class="text-muted" href="#">Terms</a></li>
          </ul>
        </div>
      </div>
    </div>
  </footer>
</template>

<script setup lang="ts">

</script>
